<template>
  <div id="charitable">
    <div class="title">
      <h3>四川省闽南商会扶贫慈善专项资金2018年度捐款芳名录</h3>
      <div class="tubiao">
        <div class="pp">
          <div class="text">点击蓝色关注：</div>
          <img src="../assets/shouzhi.png" alt="">
        </div>
        <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIyNTQ5NTYxNA==&scene=110#wechat_redirect">
          四川省闽南商会
        </a>
        <!-- <p>2018-12-05</p> -->
      </div>
    </div>
    <div class="table">
        <!-- <table>
          <thead>
            <tr>
              <th>姓名</th>
              <th>捐款金额（元）</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>王经勤</td>
              <td>36000</td>
            </tr>
            <tr>
              <td>商会建材联谊会</td>
              <td>30000</td>
            </tr>
            <tr>
              <td>苏伟彬</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>倪健民</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>王经勤</td>
              <td>36000</td>
            </tr>
            <tr>
              <td>商会建材联谊会</td>
              <td>30000</td>
            </tr>
            <tr>
              <td>苏伟彬</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>倪健民</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>王经勤</td>
              <td>36000</td>
            </tr>
            <tr>
              <td>商会建材联谊会</td>
              <td>30000</td>
            </tr>
            <tr>
              <td>苏伟彬</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>倪健民</td>
              <td>15000</td>
            </tr>
            <tr>
              <td>倪健民</td>
              <td>15000</td>
            </tr>
          </tbody>
        </table> -->
        <img src="../assets/cishan.png" alt="">
      </div>
      <Footer />
  </div>
</template>

<script>
import Footer from 'components/Footer'

export default {
  name: 'Charitable',
  created: function setTitle () {
    document.title = '慈善扶贫芳名录'
  },
  components: {
    Footer
  }
}
</script>

<style lang='scss' scoped>
#charitable{
  height: 100%;
  padding: 8vw 3.46vw 0 3.46vw;
  background-color: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
  .title{
    h3{
      font-size: 6.13vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(22,22,22,1);
      line-height: 10.13vw;
    }
    .tubiao{
    display: flex;
    align-items: center;
    margin-top: 3.33vw;
      .pp{
        display: flex;
        align-items: center;
        .text{
          font-size: 3.46vw;
          font-family: SourceHanSansCN-Regular;
          font-weight: 400;
          color: rgba(190,190,190,1);
          line-height: 5.2vw;
        }
        &:nth-child(1){
          margin-right: 4vw;
        }
        img{
          width: 3.6vw;
          height: 3vw;
        }
      }
      a{
        text-decoration: none;
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color:rgba(60,86,151,1);
        margin-right: 4vw;
      }
      p{
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color: rgba(190,190,190,1);
        line-height: 5.2vw;
      }
    }
  }
  .table{
    img{
      width: 93.06vw;
    }
    margin-top: 10.66vw;
    // table{
    //   width: 93.06vw;
    //   text-align: center;
    //   tr{
    //     height: 12.26vw;
    //     line-height: 12.26vw;
    //     &:nth-child(even){
    //       background:rgba(242,242,242,1);
    //     }
    //     &:nth-child(odd){
    //       background:rgba(255,255,255,1);
    //     }
    //     th{
    //       width: 46.53vw;
    //       font-size: 4.26vw;
    //       font-family: SourceHanSansCN-Bold;
    //       font-weight: bold;
    //       color: rgba(22,22,22,1);
    //       background:rgba(242,242,242,1);
    //     }
    //     td{
    //       font-size: 4.26vw;
    //       font-family: SourceHanSansCN-Regular;
    //       font-weight: 400;
    //       color: rgba(104,104,104,1);
    //     }
    //   }
    // }
  }
}
</style>
